<!-- enchanced select box, tag handler -->
<link rel="stylesheet" href="template/js/lib/select2/select2.css">

<!-- main content -->

<div class="container">
    <div class="row-fluid">
        <div class="w-box" id="n_multiselect">
            <div class="w-box-header">
                <h4>Смена уровня</h4>
            </div>
            <div class="w-box-content cnt_a">
                <div class="row-fluid">
                    <div class="span6">
                        <div class="span6">
                            <select id="select_user" class="span11">
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="span6 transfer_user_hidden" style="display: none">
                            <select id="transfer_user" class="span11">
                                <option value=""></option>
                            </select>
                        </div>
                        <select id="public-methods" multiple="multiple"></select>

                        <div class="btn-toolbar">
                            <div class="btn-group">
                                <a href="#" id="select-all" class="btn btn-mini">Select all</a>
                                <a href="#" id="deselect-all" class="btn btn-mini">Deselect all</a>
                                <a href="#" id="save" class="btn btn-mini" style="display: none">Сохранить</a>
                            </div>
                        </div>
                        <br>
                    </div>
                    <div class="span6">
                        <ol>
                            <li>В левом блоке выбирается <strong>АГЕНТ</strong> у которого надо перенести <strong>СУБАГЕНТА</strong> другому <strong>АГЕНТУ</strong></li>
                            <li>В правом блоке выбирается <strong>АГЕНТ</strong> которому будет передан <strong>СУБАГЕНТ</strong></li>
                            <li>При нажатии на кнопку "Сохранить" <strong>СУБАГЕНТЫ</strong> будут переданы целевому <strong>АГЕНТУ</strong> (который выбран в правом блоке)</li>
                            <li>После этого в профиле <strong>АГЕНТА</strong> (у него не должно быть дочерних <strong>СУБАГЕНТОВ</strong>) его можно понизить до <strong>СУБАГЕНТА</strong></li>
                            <li>Любого <strong>СУБАГЕНТА</strong> можно повысить до <strong>АГЕНТА</strong> так же в профиле</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 2col multiselect -->
<script src="template/js/lib/multi-select/js/jquery.multi-select.min.js"></script>
<script src="template/js/lib/multi-select/js/jquery.quicksearch.min.js"></script>
<!-- enchanced select box, tag handler -->
<script src="template/js/lib/select2/select2.min.js"></script>
<!-- bootbox -->
<script src="template/js/lib/bootbox/bootbox.min.js"></script>
<!-- masked inputs -->
<script src="template/js/lib/jquery-inputmask/jquery.inputmask.min.js"></script>
<script src="template/js/lib/jquery-inputmask/jquery.inputmask.extensions.js"></script>
<script src="template/js/lib/jquery-inputmask/jquery.inputmask.date.extensions.js"></script>

<!--<script src="template/js/pages/beoro_form_elements.js"></script>-->
<script type="text/javascript">
    <!--
    $(document).ready(function () {
        $('#select-all').html('Выбрать все');
        $('#deselect-all').html('Отменить выбор');

        $("#save").click(function (e) {
            var arrList = $('.ms-selection .ms-list li').map(function () {
                return $(this).attr('ms-value');
            }).get();
            if (arrList.length == 0) {
                e.preventDefault();
                bootbox.alert("Перенесите пользователей!", function () {
                    return true;
                });
            } else {
                var select_user = $('#s2id_select_user span').attr("id");
                var transfer_user = $('#s2id_transfer_user span').attr("id");
                $.post('ajax/manage_level.php', { method: "save", id: arrList, select_user: select_user, transfer_user: transfer_user}, function (data) {
                    //$('#select_user').html(data);
                });
            }
        });

        if ($('#select_user').length) {
            $.post('ajax/manage_level.php', { method: "load_page"}, function (data) {
                $('#select_user').html(data);
            });

            $("#transfer_user").select2({
                placeholder: "Выберите пользователя",
                allowClear: true
            }).on("change", function (e) {
                    $('#s2id_transfer_user span').attr("id", e.val);
                });
            $("#s2id_transfer_user").css({
                "padding": "0 0 0 20px",
                "width": "275px"
            });

            $("#select_user").select2({
                placeholder: "Выберите пользователя",
                allowClear: true
            }).on("change", function (e) {
                    $.post('ajax/manage_level.php', { method: "load_urer_list", id: e.val },function (data) {
                        $('#public-methods').html(data);
                    }).done(function () {
                            $.post('ajax/manage_level.php', { method: "load_page"}, function (data) {
                                $('#transfer_user').html(data);
                            });
                            $('#ms-public-methods').remove();
                            $('#public-methods').multiSelect();
                            $('#save, .transfer_user_hidden').show();
                        });
                    $('#s2id_select_user span').attr("id", e.val);
                });
        }
        $('#public-methods').multiSelect();
        $('#select-all').click(function () {
            $('#public-methods').multiSelect('select_all');
            return false;
        });
        $('#deselect-all').click(function () {
            $('#public-methods').multiSelect('deselect_all');
            return false;
        });


    });
    -->
</script>